<!DOCTYPE html>
<html lang="en">
<head>
<!--leancloud-->
    <script src="https://cdn1.lncld.net/static/js/av-min-1.2.1.js"></script>
<script>
//    var APP_ID = 'i1U1Ta4a9ANS8QawH60DmVpu-gzGzoHsz';
//    var APP_KEY = 'eClTk6dX4jnkbzpwiiMkN1RB';
//    AV.init({
//        appId: APP_ID,
//        appKey: APP_KEY
//    });
//    var TestObject = AV.Object.extend('TestObject');
//    var testObject = new TestObject();
//    testObject.save({
//        words: 'Hello World!'
//    }).then(function(object) {
//        alert('LeanCloud Rocks!');
//    })
</script>
    <link href="css/index.css" type="text/css" rel="stylesheet"/>
    <script src="../js/BSKPublickFunction.js" type="text/javascript"></script>
    <script src="js/index.js" type="text/javascript"></script>
    <script src="../js/jquery-3.1.1.min.js"></script>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>BlueSky的小窝</title>
</head>
<body>
<div id="headDiv">
    <img src="../image/background.png" id="headImage">
    <img src="../image/lxhHome.gif" id="headImage2">
    <p id="headTitle">BlueSky的小窝</p>
    <p id="headSubTitle"><a href="http://baike.baidu.com/link?url=wArb4ELJl9Rxv9aq7x_dNGktIK3ElH06eisCQaGA39Qo1EL6isMptd-heELVm-v0fkyhTKSf8IoVLAKOIX4bWoeV_tNzK4KJXkgrTSpN36IUSpsjbZkMpCMYzgMrrE_mcH5Uvj1XUBQr-CzfJ8MYB_">罗小黑</a>主题个人网站</p>
</div>
<div style="text-align: center" id="headTabBarTitleMainDiv">
    <div id="headTabBarTitleDiv">
        <div onclick="tabBarClick(this,0)" class="headTabBarTitle"><img onclick="tabBarClick(this,0)" class="headTabBarItem" src="../image/home.png">首页</div>
        <div onclick="tabBarClick(this,1)" class="headTabBarTitle"><img onclick="tabBarClick(this,1)" class="headTabBarItem" src="../image/codeLife.png">博客</div>
        <div onclick="tabBarClick(this,2)" class="headTabBarTitle"><img onclick="tabBarClick(this,2)" class="headTabBarItem" src="../image/movie.png">电影</div>
        <div onclick="tabBarClick(this,3)" class="headTabBarTitle"><img onclick="tabBarClick(this,3)" class="headTabBarItem" src="../image/music.png">音乐</div>
        <div onclick="tabBarClick(this,4)" class="headTabBarTitle"><img onclick="tabBarClick(this,4)" class="headTabBarItem" src="../image/anime.png">动漫</div>
        <div onclick="tabBarClick(this,5)" class="headTabBarTitle"><img onclick="tabBarClick(this,5)" class="headTabBarItem" src="../image/about.png">关于</div>
    </div>
</div>

<div id="BodyDiv">
    <iframe id="contentIFrame" >
    </iframe>
</div>
<div id="musicDiv">
    <img src="../image/changpian2.png" id="playerImage" onclick="openMusicPlayer(this)">
    <div id="controlsDiv">
        <img src="../image/stop.png" id="stopButton">
        <img src="../image/desk_play.png" id="playerButton">
        <div id="musicNameDiv">ビードロ模様-やなぎなぎ</div>
        <input type="range" max="100" min="0" value="0" id="progresRang" onchange="playerRangeChange()" title="progress">
        <div id="timeTextDiv">00:00</div>
    </div>
 <audio id="player" >
        <!--<source src="http://sc.111ttt.com/up/mp3/377798/3E61A7E5B0FF26044A8C00028F89FFAF.mp3" type="audio/mpeg">-->
        <source src="../mp3/123.mp3" type="audio/mpeg">
    </audio>
</div>
<div class="bottomDiv">
    <p class="bottomCopyright">&copy;2016 <br><a href="http://bluesky335.oschina.io">bluesky335.oschina.io</a><br><br>本网站托管于<a href="http://git.oschina.net/BlueSky335/BlueSky335/">码云</a></p>
</div>
</body>
</html>